スタイルシートのbodyセレクタには、背景の位置を指定できるbackground-positionという属性も用意されています。
background-position属性では背景画像の位置を左から○ピクセル、上から△ピクセルという具合に指定します。たとえば左から150ピクセル、上から100ピクセルの位置に背景画像を配置し、さらに背景を固定させる場合は、「body{background-attachment:fixed; background-position:150 100;}」と記述します。
|
<style type="text/css">
<!--
body{background-attachment:fixed; background-position:150 100;}
-->
</style>
|
 |
なお背景の位置を指定した場合も、背景画像は上下左右に繰り返して表示されます。背景画像を繰り返さないようにするには、background-repeatという属性を指定しなければいけません。このbackground-repeat属性を使ったテクニックは、本講座の第2回目で解説しています。あわせて参照してみてください。
▼すぐに使える！魅せるホームページ作成講座 第2回
タイリングを制御する！ |
